﻿@model HomeCareLibrary.Models.UserDetailIDModel

@using HomeCareLibrary.Constants
    @Html.HiddenFor(m => m.app_mo_alert_badge)
                                                @Html.HiddenFor(m => m.app_mo_alert_popup)
                                                @*@Html.HiddenFor(m => m.app_mo_alert_week)
                                                @Html.HiddenFor(m => m.app_mo_alert_day)
                                                @Html.HiddenFor(m => m.app_mo_alert_hour)*@
                                                <div class="personalization-data mobile-monthly-alert">
                                                    <h3 class="personalization-heading no-Txtshadow">Monthly Reminder</h3>
                                                    
                                                    @if (Session[SessionConstants.MODE] == null)
                                                    { 
                                                    
                                                    <p class="top-data">How do you want to be notified when your monthly personalized home care reminders &amp; tips are ready?</p>
                                                    <div class="Dwelling-part">
                                                        <div class="form-per">
                                                            <form role="form">
                                                                <div class="form-checkbox">
                                                                    <div class="checkbox checkboxHalf">
                                                                       
                                                                            <input type="checkbox" id="chkMob_BadgeAlert" name="" >

                                                                            <label for="chkMob_BadgeAlert">   </label><span>Badge</span>
                                                                        
                                                                    </div>
                                                                    <div class="checkbox checkboxHalf">
                                                                       
                                                                            <input type="checkbox" id="chkMob_PopupAlert" name="" >
                                                                             <label for="chkMob_PopupAlert">   </label><span>Alerts</span>
                                                                            
                                                                       
                                                                    </div>

                                                                    @if (!String.IsNullOrEmpty(Model.web_mo_alert_email))
                                                                    {
                                                                    <div class="checkbox checkbox-email" style="display:none;"> @*we not need to show it in new design(10.02.2014)*@
                                            <label>
                                              <input type="checkbox" id="chkweb_mo_alert_email">

                                              Email</label>
                                        
                                             @Html.TextBoxFor(m => m.web_mo_alert_email, new { @id = "moweb_mo_alert_email", @class = "form-control" })
                                          </div>
                                                                    }
                                                                </div>
                                                                <div class="form-group">
                                                                
                                                                 
                                                                    
                                                              @Html.DropDownList("getWeekoftheMonth", null, new { @class = "form-control" })
                                                                </div>
                                                                <div class="form-group">
                                                                    
                                                                    @Html.DropDownList("getDayoftheWeek", null, new { @class = "form-control" })
                                                                </div>
                                                                <div class="form-group">
                                                                    
                                                                  @Html.DropDownList("getTimeoftheDay", null, new { @class = "form-control" })
                                                                </div>
                                                            </form>
                                                        </div>
                                                    </div>@*
                                                    <p class="monthly-alert-img add-txt">
                                                        This will apply to all of the homes that you setup.
                                                    </p>*@
                                                    }
                                                    else if (Session[SessionConstants.MODE].ToString() == "iphoneApp" || Session[SessionConstants.MODE].ToString() == "ipadApp" || Session[SessionConstants.MODE].ToString() == "androidApp")
                                                    { 
                                                    
                                                          <p class="txt">Your personalized home care tasks & tips
are calculated each month for you. </p>
<p class="top-data">When do you want your monthly reminder?</p>
                                  <div class="Dwelling-part WebView_MonthlyAlerts">
                                    <div class="form-per">

                                         <form role="form">
                                        <div class="form-checkbox">
                                          
                                             <div id="update" class="update text-center" style="display:none;">
                                            <label class="red"> updated </label>
                                            </div>
                                            
                                            <div class="checkbox checkboxHalf">
                                           
                                              <input type="checkbox" id="chkMob_BadgeAlert_WebView">
                                                 <label for="chkMob_BadgeAlert_WebView"></label>    
                                                <span>Badge</span>          
                                                    
                                                
                                          </div>
                                          <div class="checkbox checkboxHalf">
                                           
                                               <input type="checkbox" id="chkMob_PopupAlert_WebView">
                                                   <label for="chkMob_PopupAlert_WebView"></label>              
                                                    <span>Alerts</span>
                                              
                                          </div>

                                              @if (!String.IsNullOrEmpty(Model.web_mo_alert_email))
                                              {

                                          <div class="checkbox checkbox-email">
                                            <label>
                                              <input type="checkbox">
                                                <input type="checkbox" id="chkweb_mo_alert_email_WebView">
                                              Email</label>
                                           
                                               @Html.TextBoxFor(m => m.web_mo_alert_email, new { @id = "moweb_mo_alert_email_WebView", @class = "form-control" })
                                          </div>
                                              }
                                        </div>
                                        <div class="form-group">
                                          <label for="country">Week of the month:</label>
                                         @Html.DropDownList("getWeekoftheMonth", null, new { @class = "form-control", @id = "getWeekoftheMonth_WebView" })
                                        </div>
                                        <div class="form-group">
                                          <label for="state">Day of that week:</label>
                                         @Html.DropDownList("getDayoftheWeek", null, new { @class = "form-control", @id = "getDayoftheWeek_WebView" })
                                        </div>
                                        <div class="form-group">
                                          <label for="state">Time of that day:</label>
                                        @Html.DropDownList("getTimeoftheDay", null, new { @class = "form-control", @id = "getTimeoftheDay_WebView" })
                                        </div>
                                      </form>
                                    </div>
                                  </div>
                                  <p class="monthly-alert-img add-txt"> This will apply to all of the homes that you setup. </p>
                                                    
                                                    }





                                                </div>

                                                <div class="personalization-data monthly-alert-data full-monthly-alert">
                                                    <h3 class="personalization-heading no-Txtshadow">Monthly Reminder</h3>
                                                    <p class="top-data">
                                                        How do you want to be notified when your monthly personalized 
                              home care tasks & tips are ready?
                                                    </p>
                                                    <div class="clearfix monthly-alert-panel-outer">
                                                        <div class="monthly-alert-panel clearfix">
                                                            <div class="pull-left icon-left"></div>
                                                            <div class="pull-left middle-txt"><span>Faceboo</span>k</div>
                                                            <div class="right-img col-md-8">
                                                                <img src="@Url.Content("~/images/personalization-images/facebook-icon.png")" alt="facebook-icon"></div>
                                                        </div>
                                                        <div class="monthly-alert-panel clearfix">
                                                            <div class="pull-left icon-left"></div>
                                                            <div class="pull-left middle-txt"><span>Twitter</span></div>
                                                            <div class="right-img col-md-8">
                                                                <img src="@Url.Content("~/images/personalization-images/twitter-icon.png")" alt="twitter-icon"></div>
                                                        </div>
                                                        <div class="monthly-alert-panel clearfix">
                                                            <div class="pull-left icon-left checkboxFive">
                                                             <input type="checkbox" id="chkemail" />
                                                                @if (Session[HomeCareLibrary.Constants.SessionConstants.MODE] != null && Session[HomeCareLibrary.Constants.SessionConstants.MODE] == HomeCareLibrary.Constants.ApplicationModeConstants.ANDROID_APP)
                                                                      { 
                                                                     <label for="chkemail" class="homeInner"></label>
                                                                    }
                                                            </div>
                                                            <div class="pull-left middle-txt"><span>Email</span></div>
                                                            <div class="right-img col-md-8">
                                                                
                                                            
                                                                @Html.TextBoxFor(m => m.web_mo_alert_email, new { @class = "input-box col-md-4 form-control" })
                                                                 
                                                            </div>
                                                        </div>
                                                        <div class="monthly-alert-panel clearfix">
                                                            <div class="last-alert-panel clearfix">
                                                                <div class="pull-left icon-left checkboxFive">
                                                                       <input type="checkbox" id="chkNoAlert" />
                                                                     @if (Session[HomeCareLibrary.Constants.SessionConstants.MODE] != null && Session[HomeCareLibrary.Constants.SessionConstants.MODE] == HomeCareLibrary.Constants.ApplicationModeConstants.ANDROID_APP)
                                                                      { 
                                                                     <label for="chkNoAlert" class="homeInner"></label>
                                                                    }
                                                                </div>
                                                                <div class="pull-left middle-txt"><span>No alerts</span></div>
                                                                <div class="right-img col-md-8">
                                                                    <p>
                                                                        I will use my own calendar app to send me monthly alerts<br>
                                                                        <span>(<a href="https://www.google.com/calendar" target="_blank">Google Calendar</a>, <a href="http://www.rememberthemilk.com/" target="_blank">Remember the Milk</a>, <a href="http://www.reminderfox.org/" target="_blank">Reminder Fox</a>, etc.)</span>
                                                                    </p>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                    
                                                   
                                                </div>
 <span style="margin-left:10px;">
                   JSON:
                    @if (ViewBag.JsonString != string.Empty)
                    {
                      @ViewBag.JsonString
                    }</span>

<br /><br />
                         <span style="margin-left:10px;">
                  Request Content-Type:
                    @if (ViewBag.ContentType != string.Empty)
                    {
                      @ViewBag.ContentType
                    }
                      </span>

                      <br /><br />
                         <span style="margin-left:10px;">
                  Request URL:
                    @if (ViewBag.Url != string.Empty)
                    {
                      @ViewBag.Url
                    }
                      </span>

<script type="text/javascript">

    jQuery(document).ready(function () {
        checkMonthlyAlert();
        AppMonthlyAlerts();
    });

    

</script>
                                          